<%@ page language="java" pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	<link rel="stylesheet" type="text/css" href="css/base.css" />
    <base href="<%=basePath%>">
    
    <title>Reserva de Paquetes Turisticos</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<script>
            function radioButton(radio) {
	            var id = radio.name.substring(radio.name.lastIndexOf(':'));
	            var el = radio.form.elements;
	            for (var i = 0; i < el.length; i++) {
	                if (el[i].name.substring(el[i].name.lastIndexOf(':')) == id) {
	                    el[i].checked = false;
                }
            }
            radio.checked = true;
        }
    </script>

  </head>
  
 <body>
	<f:view>
		<h:form id="reservaDePaqueteForm">
			<h:commandLink action="terminar" value="Terminar" immediate="true" />
			<hr>					

			<h1>Paquetes Disponibles</h1>
												
				<h:dataTable id="paquetes" border="1" var="paquete"
					value="#{ReservaDePaqueteBean.paquetes}" binding="#{ReservaDePaqueteBean.paqueteDataTable}">
					<h:column>
						<h:selectOneRadio onclick="radioButton(this);" valueChangeListener="#{ReservaDePaqueteBean.setPaqueteSelected}">
                            <f:selectItem itemValue="null" /> 
                        </h:selectOneRadio>
					</h:column>
					<h:column>
						<h:outputText id="nombre" value="#{paquete.nombre}"></h:outputText>
						<f:facet name="header">
							<h:outputText value="Nombre"></h:outputText>
						</f:facet>
					</h:column>	
					<h:column>
						<h:outputText id="precio" value="#{paquete.determinarPrecio}"></h:outputText>
						<f:facet name="header">
							<h:outputText value="Precio"></h:outputText>
						</f:facet>
					</h:column>	
					<h:column>
						<h:outputText id="fecha" value="#{paquete.fecha}"></h:outputText>
						<f:facet name="header">
							<h:outputText value="Fecha de Salida"></h:outputText>
						</f:facet>
					</h:column>								
				</h:dataTable>
				<p>
				
			<h1>Listado de Pasajeros</h1>
			<h:dataTable binding="#{ReservaDePaqueteBean.dataTable}" border="1" id="pasajeros" value="#{ReservaDePaqueteBean.pasajeros}" var="fila">
				<h:column>
					<h:outputText id="nombre" value="#{fila.nombre}"></h:outputText>
					<f:facet name="header">
						<h:outputText value="Nombre"></h:outputText>
					</f:facet>
				</h:column>
				<h:column>
					<h:outputText id="apellido" value="#{fila.apellido}"></h:outputText>
					<f:facet name="header">
						<h:outputText value="Apellido"></h:outputText>
					</f:facet>
				</h:column>	
				<h:column>
					<h:outputText id="dni" value="#{fila.dni}"></h:outputText>
					<f:facet name="header">
						<h:outputText value="DNI"></h:outputText>
					</f:facet>
				</h:column>	
				<h:column>
					<h:outputText id="telefono" value="#{fila.telefono}"></h:outputText>
					<f:facet name="header">
						<h:outputText value="Telefono"></h:outputText>
					</f:facet>
				</h:column>	
							
						
				<h:column>
					<h:commandButton action="#{ReservaDePaqueteBean.editarPasajero}" value="Editar"/>
				</h:column>
				
				<h:column>
					<h:commandButton action="#{ReservaDePaqueteBean.eliminarPasajero}" value="Eliminar"/>
				</h:column>
			</h:dataTable>			
			
			<h:commandButton id="botonAgregarPasajero" action="#{ReservaDePaqueteBean.crearPasajero}" binding="#{ReservaDePaqueteBean.botonAgregarPasajero}" value="Agregar Pasajero  " ></h:commandButton>
			<p>
			<h:commandButton id="botonReserva" action="#{ReservaDePaqueteBean.reservarPaquete}" binding="#{ReservaDePaqueteBean.botonReserva}" value="Crear Reserva      " ></h:commandButton>				
			<h:message for="botonReserva" errorClass="error"></h:message>					
			<p>
			<h:panelGrid columns="2">					
				<h:outputLabel for="CantPagos" value="Cantidad de Pagos: " />
				<h:selectOneMenu id="CantPagos"
					value="#{ReservaDePaqueteBean.cantPagosSeleccionada}">
					<f:selectItems value="#{ReservaDePaqueteBean.cantPagosDisponibles}" />
				</h:selectOneMenu>
			</h:panelGrid>			
			<p>	
			<h:commandButton id="botonConfirmarReserva" action="#{ReservaDePaqueteBean.confirmarReserva}" binding="#{ReservaDePaqueteBean.botonConfirmarReserva}" value="Confirmar Reserva" ></h:commandButton>			
			<h:message for="botonConfirmarReserva" errorClass="error"></h:message>
			<p>	
			<h:commandButton id="botonCancelarReserva" action="#{ReservaDePaqueteBean.cancelarReserva}" binding="#{ReservaDePaqueteBean.botonCancelarReserva}" value="Cancelar Reserva" ></h:commandButton>			
			<h:message for="botonCancelarReserva" errorClass="error"></h:message>
			<p>		
			<h:message for="reservaDePaqueteForm" errorClass="error" infoClass="info"></h:message>
			
			
		</h:form>
		<br>
	</f:view>
	
</body>
</html>
